import Vue from 'vue'
import VueRouter from 'vue-router'
import Login from "@/views/Login";
import Role from "@/views/Role";
import Home from "@/views/Home";
import Register from "@/views/Register";

Vue.use(VueRouter)

//解决编程式路由往同一地址跳转时会报错的情况
const originalPush = VueRouter.prototype.push;
const originalReplace = VueRouter.prototype.replace;
//push
VueRouter.prototype.push = function push(location, onResolve, onReject) {
  if (onResolve || onReject)
    return originalPush.call(this, location, onResolve, onReject);
  return originalPush.call(this, location).catch((err) => err);
};
//replace
VueRouter.prototype.replace = function push(location, onResolve, onReject) {
  if (onResolve || onReject)
    return originalReplace.call(this, location, onResolve, onReject);
  return originalReplace.call(this, location).catch((err) => err);
};

const routes = [
  {
    path: "/",
    name: "Login",
    component: Login,
    hidden: true
  },
  {
    path: "/register",
    name: "Register",
    component: Register,
    hidden: true
  },
  {
    path: "/home",
    name: "Home",
    component: Home,
    children: [
      {
        path: "/role",
        name: "角色列表",
        component: Role
      },
    ]
  }
]

const router = new VueRouter({
  routes
})

export default router
